/* 
    Document   : front
    Created on : 15 janv. 2013, 14:35:30
    Author     : Rémi
    Description:
        Purpose of the stylesheet follows.
*/
* {
    font-family: Arial;
}
a{
    color:black;
}

body { 
    margin-top: 0px;
    background: url('../img/bg-2.jpg') center;
    background-color: black;
    display: block;
}
.all{
    border: 1px solid;
    width:1330px;
    margin:0 auto;
}
.content{
    border: 1px solid;
    width:960px;
    margin:0 auto;
}

header{
    background:  url('../img/sc2-hots.jpg');
   
    background-repeat: no-repeat;
    height: 240px;
}

header p{
    font-size:80px;
    margin:0 auto;
    width:450px;
}

header{
    border-bottom: 1px dashed black;
}

.races ul#menu{
    width:960px;
    font-size:30px;
    text-align: center;
    border-bottom: 1px dashed;
    height:35px;
    padding: 0;
    margin:0;
}

.races li{
    float:left;
    list-style: none;
    width:320px;
}
.races{
    position: relative;
    min-height:36px;
        background-color: lightseagreen;


}
.bo{
        background-color: lightgreen;
}
.bo p{
        margin:0;
            padding:0;
}
p#bo_title{
    font-size: 20px;
    text-decoration: underline;  
    padding: 0 0 0 20px;
}

.selected_race{
    background-color: lightyellow;
}

#protoss_menu, #terran_menu, #zerg_menu{
    border:1px solid;
    width:960px;
    position:absolute;
    left:0px;
    min-height:50px;
    background-color: lightyellow;
    display: none;
}

.lang{
    display: none;
    float:left;
    width: 60px;
    min-height:35px;
    margin-left: 45px;
    border:1px solid;
    padding:5px;
    background-color: lightgreen;
}

.lang ul{
    margin:0;
    padding:0;
    list-style: none;
}

.lang li{
    border:1px solid;
    width: 55px;
    height:33px;
    margin-bottom:3px;
}

.lang .current_lang{
    border:1px solid;
    width: 55px;
    height:33px;
    margin: 8px 0; 
}

.EN-en{
    background-image: url('../img/english_flag.gif');
}
.FR-fr{
    background-image: url('../img/france_flag.gif');
}
.DE-de{
    background-image: url('../img/germany_flag.gif');
}
.ES-es{
    background-image: url('../img/spanish_flag.jpg');
}

.quotes{
    font-size: 15px;
    text-align:left;
    height:30px;
    padding-top: 10px;
    text-indent: 40px;
    font-family: fantasy;
    border-bottom:1px darkorchid double  ;
}
ul.matchup{
    padding:0;
    font-size: 15px;
    position:relative;
}

.matchup_type{
   padding:0;
   margin:0;
}

.specific_bo li{
   padding:0 0 0 20px;
   margin:0;
   text-align: left;
}

.vp,.vz{
}


.vp{
    background-image: url('../img/protoss_logo.png');
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: left;
}
.vz{
    background-image: url('../img/zerg_logo.png');
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: left;
}
.vt{
   background-image: url('../img/terran_logo.png');
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: left;
}

#protoss_menu .quotes{
    background-image: url('../img/protoss_logo.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: left;
}
#zerg_menu .quotes{
    background-image: url('../img/zerg_logo.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: left;
}
#terran_menu .quotes{
   background-image: url('../img/terran_logo.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: left;
}

.copyright{
    background-color: lightsteelblue;
}


/* Build Order */
#bo_description {
    
}

#bo_build_order {
    
}

#bo_build_order table {
    width: 500px;
}

#bo_build_order .list_bo_order {
}

#bo_build_order .list_bo_comment textarea {
    width: 98%;
}


#bo_build_order .bo_condition {
    width: 80px;
}

#bo_build_order .bo_icone {
    width: 50px;
}

#bo_build_order .bo_nb input {
    width: 40px;
}

#bo_build_order .bo_ordre input {
    
}




#bo_build_order table {
    margin: auto;
    border: 1px solid black;
}

#bo_build_order tr {
    border: 1px solid black;
}

#bo_build_order th {
    border: 1px solid black;
}

#bo_build_order td {
    border: 1px solid black;
}

#bo_remarques {
    
}

.bo_button:hover{
    cursor: pointer;
}

.bo_switch:hover{
    cursor: pointer;
}